<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0064)https://sdk.sinacloud.com/index.php?appname=johnathan&version=1# -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <title>SAE Editor</title>
        <link href="./SAE Editor_files/sae_editor.css" rel="stylesheet" type="text/css">
        <link href="./SAE Editor_files/codemirror.css" rel="stylesheet" type="text/css">
        <link href="./SAE Editor_files/night.css" rel="stylesheet" type="text/css">
        <link href="./SAE Editor_files/cobalt.css" rel="stylesheet" type="text/css">
        <link href="./SAE Editor_files/jquery-ui.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="./SAE Editor_files/jquery.min.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/sae_editor.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/jquery-ui.min.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/codemirror.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/css.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/javascript.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/xml.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/clike.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/htmlmixed.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/php.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/yaml.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/python.js"></script>
        <script type="text/javascript" src="./SAE Editor_files/ajaxfileupload.js"></script>
<script type="text/javascript">
$(function(){
    $("#select_applist").val('johnathan');
    $("#select_versionlist").val('1');
    sae_glvar.appname = 'johnathan';
    getDir('1/','/');
});
</script>
    <style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
.en-markup-crop-options {
    top: 18px !important;
    left: 50% !important;
    margin-left: -100px !important;
    width: 200px !important;
    border: 2px rgba(255,255,255,.38) solid !important;
    border-radius: 4px !important;
}

.en-markup-crop-options div div:first-of-type {
    margin-left: 0px !important;
}
</style></head>
    <body>
        <div class="topbar"> 
            <span class="logo"><a href="https://sdk.sinacloud.com/index.php?appname=johnathan&amp;version=1#"><img src="./SAE Editor_files/logo.gif" width="31" height="31" alt="logo"></a> </span> 
            <span class="title">SAE CLOUD EDITOR</span> 
            <span id="title_appname">APP:<span>johnathan</span></span> 
            <span id="title_version">VERSION:<span>1</span></span> 
            <span id="opmsg" style="margin-left: 30px; font-size: 12px; display: none;">保存成功！</span> 
            <span style="float:right;margin-left:10px;">
               <a href="javascript:void(0);" onclick="logout()" style="color:#FFF;font-size:14px;">注销</a> 
            </span> 
            <span class="saveall">
                <input type="button" class="saveall_btn" value="全部保存" name="saveall" onclick="saveAll()">
            </span> 
            <div class="clr"></div>
        </div>
        <div class="ebody" style="">
            <div class="eleft">
                <div class="tabbar_bg bodr_r">
                    <span style="margin-left:5px;">应用</span>
                    <select id="select_applist" style="width:115px;overflow-x:hidden;">
                                                <option value="johnathan">johnathan</option>                
                                                <option value="scrape">scrape</option>                
                                            </select>
                    <select id="select_versionlist">
                                                <option value="1">1</option>                
                                            </select>
                    <a id="newapplink" href="https://sdk.sinacloud.com/index.php?appname=johnathan&amp;version=1" target="_blank"></a>
                </div>
                <div id="naviarea" class="bodr_r" onselectstart="return false;">
                    <div class="applistbar bodr_b" style="overflow: hidden;"> 
                        <div style="width:150px;float:left;overflow:hidden;">
                            <span style="margin-left:5px;">路径</span>
                            <span class="applist">
                                <select name="pathlist" id="pathlist" style="width:115px;overflow-x:hidden;">
                                <option value="1/">/</option></select>
                            </span>
                        </div>
                        <div style="width:60px;float:left;">
                            <span class="icon" id="createfile_icon" style="margin-left:5px;"><img src="./SAE Editor_files/file_add_icon.gif" width="16" height="17" alt="create file" title="新建文件"></span> 
                            <span class="icon" id="createfolder_icon" style="margin-left:5px;"><img src="./SAE Editor_files/folder_add_icon.gif" width="18" height="16" alt="create folder" title="新建文件夹"></span> 
                            <span class="icon" id="uploadfile_icon" style="margin-left:5px;"><img src="./SAE Editor_files/file_upload_icon.gif" width="11" height="13" alt="create file" title="上传文件"></span> 
                        </div>
                        <div class="clr"></div>
                    </div>
                    <div id="filelist" style="height: 745px;">
                        <div id="selected_bg" class="selected_bg" style="top: 240px; display: block;"></div>
                        <div id="treecontainer">
                            <ul class="tree" id="filetree"><li class="dir_close" title="deploy"><div class="name" path="1/deploy" editable="false" url="http://1.johnathan.sinaapp.com/deploy">deploy</div></li><li class="dir_close" title="newsclient"><div class="name" path="1/newsclient" editable="false" url="http://1.johnathan.sinaapp.com/newsclient">newsclient</div></li><li class="dir_close" title="www"><div class="name" path="1/www" editable="false" url="http://1.johnathan.sinaapp.com/www">www</div></li><li class="file" title="android_02.png"><div class="name" path="1/android_02.png" editable="false" url="http://1.johnathan.sinaapp.com/android_02.png">android_02.png</div></li><li class="file" title="android_btn.png"><div class="name" path="1/android_btn.png" editable="false" url="http://1.johnathan.sinaapp.com/android_btn.png">android_btn.png</div></li><li class="file" title="appstore_btn.png"><div class="name" path="1/appstore_btn.png" editable="false" url="http://1.johnathan.sinaapp.com/appstore_btn.png">appstore_btn.png</div></li><li class="file" title="cnpc.png"><div class="name" path="1/cnpc.png" editable="false" url="http://1.johnathan.sinaapp.com/cnpc.png">cnpc.png</div></li><li class="file" title="config.yaml"><div class="name" path="1/config.yaml" editable="true" url="http://1.johnathan.sinaapp.com/config.yaml">config.yaml</div></li><li class="file" title="iOS_02.png"><div class="name" path="1/iOS_02.png" editable="false" url="http://1.johnathan.sinaapp.com/iOS_02.png">iOS_02.png</div></li><li class="file" title="iPad_02.png"><div class="name" path="1/iPad_02.png" editable="false" url="http://1.johnathan.sinaapp.com/iPad_02.png">iPad_02.png</div></li><li class="file" title="index.html"><div class="name" path="1/index.html" editable="true" url="http://1.johnathan.sinaapp.com/index.html">index.html</div></li><li class="file" title="ridrect.html"><div class="name" path="1/ridrect.html" editable="true" url="http://1.johnathan.sinaapp.com/ridrect.html">ridrect.html</div></li><li class="file" title="text.html"><div class="name selected" path="1/text.html" editable="true" url="http://1.johnathan.sinaapp.com/text.html">text.html</div></li></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="eright" style="width: 996px;">
                <div onselectstart="return false;" class="tabbar_bg">
                    <div id="show_hide_filelist" class="tabbar_bg bodr_r">《</div>
                    <div id="prefile" class="tabbar_bg bodr_r">&lt;</div>
                    <div id="tabbarcontainer" class="tabbarout" style="width: 957px;">
                        <div id="tabbar" class="tabbar tabbar_bg"><div class="tab bodr_r cur_tab" id="tab_0" path="1/text.html" tabi="0"> <span class="title">1/text.html</span> <span class="icon"><a href="https://sdk.sinacloud.com/index.php?appname=johnathan&amp;version=1#"><img src="./SAE Editor_files/z.gif" width="10" height="10" class="save_icon"></a></span><div class="clr"></div></div>
                            <div class="clr"></div>
                        </div>
                    </div>
                    <div id="nextfile" class="tabbar_bg bodr_l">&gt;</div>
                    <div class="clr"></div>
                </div>
                <div id="codearea" class="codearea" style="height: 771px;"><div class="codecontainer" id="codecontainer_0" tabi="0" style="display: block; height: 771px;"><div class="CodeMirror cm-s-cobalt CodeMirror-focused" style="height: 771px;"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 177px; left: 92.5px;"><textarea autocorrect="off" autocapitalize="off" tabindex="0" style="position: absolute; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-hscrollbar" style="left: 31px; display: block; right: 15px;"><div style="height: 1px; width: 10141px;"></div></div><div class="CodeMirror-vscrollbar" style="display: block; bottom: 15px;"><div style="width: 1px; height: 2612px;"></div></div><div class="CodeMirror-scrollbar-filler" style="display: block; width: 15px; height: 15px;"></div><div class="CodeMirror-scroll" tabindex="-1" draggable="false"><div style="position: relative; min-height: 100%;"><div class="CodeMirror-sizer" style="min-width: 10171.4px; margin-left: 31px; min-height: 2612px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span> </span><span> </span><span> </span><span> </span><span> </span><span> </span><span> </span><span> </span><span class="cm-property">w</span><span class="cm-property">i</span><span class="cm-property">d</span><span class="cm-property">t</span><span class="cm-property">h</span><span class="cm-operator">:</span><span> </span><span class="cm-number">1</span><span class="cm-number">0</span><span class="cm-number">0</span><span class="cm-number">%</span><span>;</span></pre></div><div style="position: relative; z-index: 1; display: none;"><div class="CodeMirror-selected" style="position: absolute; left: 61.5px; top: 516px; width: 165.312px; height: 12px;"></div></div><div style=""><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">1</div></div><pre><span class="cm-meta">&lt;!DOCTYPE html&gt;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">2</div></div><pre><span class="cm-tag">&lt;html</span> <span class="cm-attribute">lang</span>=<span class="cm-string">"en"</span><span class="cm-tag">&gt;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">3</div></div><pre>&nbsp;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">4</div></div><pre><span class="cm-tag">&lt;head&gt;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">5</div></div><pre>    <span class="cm-tag">&lt;meta</span> <span class="cm-attribute">charset</span>=<span class="cm-string">"UTF-8"</span><span class="cm-tag">&gt;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">6</div></div><pre>    <span class="cm-tag">&lt;title&gt;</span>中国石油客户端下载<span class="cm-tag">&lt;/title&gt;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">7</div></div><pre>    <span class="cm-tag">&lt;meta</span> <span class="cm-attribute">name</span>=<span class="cm-string">"viewport"</span> <span class="cm-attribute">content</span>=<span class="cm-string">"width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0"</span><span class="cm-tag">&gt;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">8</div></div><pre>    <span class="cm-tag">&lt;style&gt;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">9</div></div><pre>    <span class="cm-tag">html</span>,</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">10</div></div><pre>    <span class="cm-tag">body</span> {</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">11</div></div><pre>        <span class="cm-property">background</span><span class="cm-operator">:</span> <span class="cm-atom">#f9faff</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">12</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">13</div></div><pre>    </pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">14</div></div><pre>    <span class="cm-qualifier">.m-index</span> <span class="cm-qualifier">.pic</span> <span class="cm-tag">img</span> {</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">15</div></div><pre>        <span class="cm-property">display</span><span class="cm-operator">:</span> <span class="cm-string-2">block</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">16</div></div><pre>        <span class="cm-property">width</span><span class="cm-operator">:</span> <span class="cm-number">100%</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">17</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">18</div></div><pre>    </pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">19</div></div><pre>    <span class="cm-qualifier">.m-index</span> {</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">20</div></div><pre>        <span class="cm-property">margin-top</span><span class="cm-operator">:</span> <span class="cm-number">0</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">21</div></div><pre>        <span class="cm-property">padding-top</span><span class="cm-operator">:</span> <span class="cm-number">0</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">22</div></div><pre>        <span class="cm-property">border-top</span><span class="cm-operator">:</span> <span class="cm-string-2">none</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">23</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">24</div></div><pre>    </pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">25</div></div><pre>    <span class="cm-builtin">#mask</span> {</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">26</div></div><pre>        <span class="cm-property">background</span><span class="cm-operator">:</span> <span class="cm-string-2">rgba</span>(<span class="cm-number">0</span>, <span class="cm-number">0</span>, <span class="cm-number">0</span>, <span class="cm-variable-2">.8</span>);</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">27</div></div><pre>        <span class="cm-property">width</span><span class="cm-operator">:</span> <span class="cm-number">100%</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">28</div></div><pre>        <span class="cm-property">height</span><span class="cm-operator">:</span> <span class="cm-number">100%</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">29</div></div><pre>        <span class="cm-property">position</span><span class="cm-operator">:</span> <span class="cm-string-2">fixed</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">30</div></div><pre>        <span class="cm-property">left</span><span class="cm-operator">:</span> <span class="cm-number">0</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">31</div></div><pre>        <span class="cm-property">top</span><span class="cm-operator">:</span> <span class="cm-number">0</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">32</div></div><pre>        <span class="cm-property">z-index</span><span class="cm-operator">:</span> <span class="cm-number">2000</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">33</div></div><pre>        <span class="cm-property">display</span><span class="cm-operator">:</span> <span class="cm-string-2">none</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">34</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">35</div></div><pre>    </pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">36</div></div><pre>    <span class="cm-qualifier">.arrow</span> {</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">37</div></div><pre>        <span class="cm-property">width</span><span class="cm-operator">:</span> <span class="cm-number">2.625em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">38</div></div><pre>        <span class="cm-property">height</span><span class="cm-operator">:</span> <span class="cm-number">5.1875em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">39</div></div><pre>        <span class="cm-property">background</span><span class="cm-operator">:</span> <span class="cm-string-2">url</span>(<span class="cm-string"></span>) <span class="cm-string-2">no-repeat</span> <span class="cm-number">0</span> <span class="cm-number">0</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">40</div></div><pre>        <span class="cm-property">position</span><span class="cm-operator">:</span> <span class="cm-string-2">absolute</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">41</div></div><pre>        <span class="cm-property">right</span><span class="cm-operator">:</span> <span class="cm-number">1.5em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">42</div></div><pre>        <span class="cm-property">top</span><span class="cm-operator">:</span> <span class="cm-number">1.5em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">43</div></div><pre>        <span class="cm-property">background-size</span><span class="cm-operator">:</span> <span class="cm-number">100%</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">44</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">45</div></div><pre>    </pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">46</div></div><pre>    <span class="cm-qualifier">.tips</span> {</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">47</div></div><pre>        <span class="cm-property">text-align</span><span class="cm-operator">:</span> <span class="cm-string-2">center</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">48</div></div><pre>        <span class="cm-property">font-size</span><span class="cm-operator">:</span> <span class="cm-number">1.75em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">49</div></div><pre>        <span class="cm-property">line-height</span><span class="cm-operator">:</span> <span class="cm-number">1.85em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">50</div></div><pre>        <span class="cm-property">color</span><span class="cm-operator">:</span> <span class="cm-atom">#fff</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">51</div></div><pre>        <span class="cm-property">position</span><span class="cm-operator">:</span> <span class="cm-string-2">absolute</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">52</div></div><pre>        <span class="cm-property">top</span><span class="cm-operator">:</span> <span class="cm-number">5.0em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">53</div></div><pre>        <span class="cm-property">width</span><span class="cm-operator">:</span> <span class="cm-number">100%</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">54</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">55</div></div><pre>    </pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">56</div></div><pre>    <span class="cm-qualifier">.shareTextWB</span> {</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">57</div></div><pre>        <span class="cm-property">text-align</span><span class="cm-operator">:</span> <span class="cm-string-2">center</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">58</div></div><pre>        <span class="cm-property">font-size</span><span class="cm-operator">:</span> <span class="cm-number">1.40625em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">59</div></div><pre>        <span class="cm-property">line-height</span><span class="cm-operator">:</span> <span class="cm-number">1.85em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">60</div></div><pre>        <span class="cm-property">color</span><span class="cm-operator">:</span> <span class="cm-atom">#fff</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">61</div></div><pre>        <span class="cm-property">position</span><span class="cm-operator">:</span> <span class="cm-string-2">absolute</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">62</div></div><pre>        <span class="cm-property">top</span><span class="cm-operator">:</span> <span class="cm-number">11em</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">63</div></div><pre>        <span class="cm-property">width</span><span class="cm-operator">:</span> <span class="cm-number">100%</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">64</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">65</div></div><pre>    </pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">66</div></div><pre>    <span class="cm-qualifier">.componyInfo</span>{</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">67</div></div><pre>        <span class="cm-property">display</span><span class="cm-operator">:</span> <span class="cm-string-2">block</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">68</div></div><pre>        <span class="cm-property">height</span><span class="cm-operator">:</span> <span class="cm-number">100px</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">69</div></div><pre>        <span class="cm-property">margin</span><span class="cm-operator">:</span> <span class="cm-number">10px</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">70</div></div><pre>        <span class="cm-property">padding</span><span class="cm-operator">:</span> <span class="cm-number">10px</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">71</div></div><pre>        <span class="cm-property">background-color</span><span class="cm-operator">:</span> <span class="cm-atom">#DDD</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">72</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">73</div></div><pre>    <span class="cm-qualifier">.logo</span>, <span class="cm-qualifier">.cname</span> {</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">74</div></div><pre>        <span class="cm-property">display</span><span class="cm-operator">:</span> <span class="cm-string-2">block</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">75</div></div><pre>        <span class="cm-property">float</span><span class="cm-operator">:</span> <span class="cm-string-2">left</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">76</div></div><pre>        <span class="cm-property">height</span><span class="cm-operator">:</span> <span class="cm-number">100%</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">77</div></div><pre>        <span class="cm-property">line-height</span><span class="cm-operator">:</span> <span class="cm-number">100px</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">78</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">79</div></div><pre>    <span class="cm-qualifier">.cname</span>{</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">80</div></div><pre>        <span class="cm-property">font-size</span><span class="cm-operator">:</span> <span class="cm-number">20px</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">81</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">82</div></div><pre>    </pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">83</div></div><pre>    <span class="cm-builtin">#android</span>, <span class="cm-builtin">#iphone</span>, <span class="cm-builtin">#ipad</span>{</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">84</div></div><pre>        <span class="cm-property">display</span><span class="cm-operator">:</span> <span class="cm-string-2">none</span>;      </pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">85</div></div><pre>         <span class="cm-property">margin</span><span class="cm-operator">:</span> <span class="cm-number">10px</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">86</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">87</div></div><pre>    <span class="cm-qualifier">.btn</span>{</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">88</div></div><pre>        <span class="cm-property">margin</span><span class="cm-operator">:</span> <span class="cm-number">15px</span>;</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">89</div></div><pre>    }</pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">90</div></div><pre>    <span class="cm-def">@media</span> <span class="cm-attribute">screen</span> <span class="cm-operator">and</span> (<span class="cm-property">max-width</span><span class="cm-operator">:</span><span class="cm-number">480px</span>) {</pre></div><div style="position: relative; display: none;"><div style="position: absolute; left: -31px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 22px;">49</div></div><pre>        <span class="cm-property">line-height</span><span class="cm-operator">:</span> <span class="cm-number">1.85em</span>;</pre></div></div><div class="CodeMirror-cursor" style="left: 61.5px; top: 312px; height: 12px;">&nbsp;</div><div class="CodeMirror-cursor CodeMirror-secondarycursor" style="display: none;">&nbsp;</div></div></div></div></div><div style="position: absolute; height: 30px; top: 2612px;">&nbsp;</div><div class="CodeMirror-gutters" style="left: 0px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 30px;"></div></div></div></div></div></div> </div>
            </div>
            <div class="clr"></div>
        </div>
        <div class="exmenu" id="exmenu" style="display: none; top: 339px; left: 86px;"><div class="entry" onclick="getFile(&#39;1/text.html&#39;)">编辑</div><div class="entry" onclick="visitFile(&#39;http://1.johnathan.sinaapp.com/text.html&#39;)">通过URL访问</div><div class="split"> <div class="line"></div></div><div class="entry" onclick="delFile(&#39;1/text.html&#39;)">删除</div></div>
        
    

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dlg1" style="display: none; z-index: 1000; outline: 0px; position: absolute;"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-dlg1">&nbsp;</span><a href="https://sdk.sinacloud.com/index.php?appname=johnathan&amp;version=1#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="dlg1" class="ui-dialog-content ui-widget-content">
        </div><div class="ui-resizable-handle ui-resizable-n"></div><div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-w"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004;"></div></div></body><div></div></html>